<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>永和小票</title>
		<!--样式设计-->
		<style>
			body{width : 330px;/*对整个页面进行样式修饰*/
			font-size:10px; /*字体大小*/
			}
			/*solid 实线*/ 
			hr{border:1px dashed;}
			/*对于单独的样式进行设置
			class使用.please ID 使用#please */
			
			.please {font-size:24px;font-weight:bold}/*加粗*/
			.order {font-size:24px;}
			.self{padding-left:100px;/*左边空一定距离*/}
			.note{/* padding-top:20px; 上空
				padding-bottom:15px; 下空*/
				margin-top:15px;
				margin-bottom:15px;
			}
			.img{ padding-left:60px;}
		</style>	
	</head>
	<body>
		<!--div标签-->
		<span>顾客联</span>
		<div class="please">请您留言取餐账单号</div>
		
		<div class="self">自取顾客联</div>
		<div>永和大王（北三环西路店）</div>
		<div>010-62112313</div>
		<div class = self>--结账单--</div>
		<div class="please">账单号P000010</div>
		<div>账单类型：堂食</div>
		<div>人数：1</div>
		<div>收银员：张静</div>
		<div>开单时间：2020-1-20 15:20:30</div>
		<div>结账时间：2020-1-20 15:30:30</div>
		
		<hr >
		
		<!--表格是没有列的概念，它叫做单元格
		页面中换行会被解析成空格
		align 横向排列：left居左 center居中 right居右
		valign 纵向排列：top居上 center居中 bottom居下
		-->
		<table border="0">
			<tr>
				<td width = "50" align="center">数量</td>
				<td width = "212">品项</td>
				<td width = "50" align="center">金额</td> 
				
			</tr>
			<tr>
				<td valign="center" >1</td>
				<td>玉米肉松蛋饼2P<br/>
				1 X -- 玉米肉松蛋饼<br/>
				1 X -- 现磨豆浆（热/甜）
				</td>
				
				<td valign="50" align="center">8.00</td>
			</tr>		
		</table>
			<hr >
		<table border ="0">
			<tr>
			<td  width = "300"  >合计</td>		
			<td width = "50" align="left"  >8.00</td>
			<tr>	
			<tr>
				<td>微信支付</td>
				<td>8.00</td>
				
			<tr>	
				
		</table>
		
		<hr >
		
		<div>打印时间：2020-1-20 15:30:35</div>
		<hr >
		<!--&nbsp; 代表一个空格-->
	<div class="note">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	根据相关税法规定，电子发票的开票日期同网上申请电子发票的日期，如您需
	要当日的电子发票请务必在消费当日通过扫描下方二维码，根据指引步骤开具
	您的增值税电子普通发票。此二维码30天有效，扫描时请保持小票平整。</div>
	
	<!--引入图片-->
	<img src="imges/1.png" width="150"class="img"/>
	
	<div>官网：www.yonghe.com.cn<div>
	<div>加盟热线：86-21-123456486<div>
	</body>
</html>
